<template>
    <!-- 底部模块 -->
    <footer class=" text-white pt-20px pb-0 px-0 bgimg">
        <div class="max-w-1200px mx-auto px-20px">
            <el-row :gutter="50">
                <!-- 第一个内容：站点链接 -->
                <el-col :span="8">
                        <h4 class="text-white mb-20px text-18px">站点链接</h4>
                        <ul class="list-none p-0">
                            <li class="mb-10px"><a href="/" class="text-gray-300 no-underline text-14px hover:text-white transition-colors-300">市级政府部门网站</a></li>
                            <li class="mb-10px"><a href="/" class="text-gray-300 no-underline text-14px hover:text-white transition-colors-300">各区政府部门网站</a></li>
                            <li class="mb-10px"><a href="/" class="text-gray-300 no-underline text-14px hover:text-white transition-colors-300">友情链接</a></li>
                            <li class="mb-10px"><a href="/" class="text-gray-300 no-underline text-14px hover:text-white transition-colors-300">新闻媒体网站</a></li>
                        </ul>
                </el-col>

                <!-- 第二个内容：关于我们 -->
                <el-col :span="8">
                        <h4 class="text-white mb-20px text-18px">关于我们</h4>
                        <ul class="list-none p-0">
                            <li class="mb-10px"><a href="/" class="text-gray-300 no-underline text-14px hover:text-white transition-colors-300">主办单位：广西壮族自治区工业和信息化厅</a></li>
                            <li class="mb-10px"><a href="/" class="text-gray-300 no-underline text-14px hover:text-white transition-colors-300">承办单位：广西工业促进和中小企业服务中心</a></li>
                        </ul>
                </el-col>

                <!-- 第三个内容：二维码 -->
                <el-col :span="8">
                        <!-- <h4 class="text-white mb-20px text-18px">官方平台</h4>
                        <div class="flex gap-30px md:items-start md:gap-15px">
                            <div class="text-center">
                                <div class="w-100px h-100px mb-10px bg-white p-5px rounded-4px">
                                    <img src="https://via.placeholder.com/100" alt="官方公众号" class="w-full h-full">
                                </div>
                                <span class="block text-14px text-gray-300">官方公众号</span>
                            </div>
                            <div class="text-center">
                                <div class="w-100px h-100px mb-10px bg-white p-5px rounded-4px">
                                    <img src="https://via.placeholder.com/100" alt="小程序" class="w-full h-full">
                                </div>
                                <span class="block text-14px text-gray-300">微信小程序</span>
                            </div>
                        </div> -->
                </el-col>
            </el-row>
        </div>

        <!-- 网站备案信息 -->
        <div class="pt-20px pb-20px px-0">
            <div class="max-w-1200px mx-auto px-20px text-center md:px-15px">
                <p class="text-gray-400 text-12px m-0">© 2025-2030 官方网站 版权所有 | 网站备案号：桂ICP备2024049691号-1</p>
            </div>
        </div>
    </footer>
</template>

<style scoped>
.bgimg{
  background-image: url('/src/assets/image/foot.png');
  background-size: cover;
}
</style>